<template>  
    <div>  
      <h1>登录</h1>  
      <input type="text" placeholder="账号" v-model="username" />  
      <input type="password" placeholder="密码" v-model="password" />  
      <button @click="login">登录</button>  
    </div>  
  </template>  
    
  <script>  
  export default {  
    data() {  
      return {  
        username: '',  
        password: ''  
      };  
    },  
    methods: {  
      login() {  
        // 这里应该调用后端API进行登录验证  
        // 但为了示例，我们简单模拟一下  
        if (this.username === 'admin' && this.password === '123456') {  
          // 登录成功，可以设置一些状态或存储token等  
          localStorage.setItem('user', 'admin');  
          this.$router.push('/student-system'); // 假设登录后跳转到学生管理系统  
        } else {  
          // 登录失败，可以显示错误信息  
          alert('账号或密码错误！');  
        }  
      }  
    }  
  };  
  </script>  
    
  <style scoped>  
  /* 添加你的样式 */  
  </style>